import {HomeComponent} from './home/home.component'
//动态组件
import {DynamicComponent} from './dynamic/dynamic.component';
//全选反选
import {AllCheckedComponent} from './all-checked/all-checked.component';
//富文本编辑
import {TextareaComponent} from './textarea/textarea.component';

import {NameRouterComponent} from './name-router/name-router.component';
import {NameChildComponent} from './name-child/name-child.component';
import { TouchMoveComponent } from './touch-move/touch-move.component';
//动画
import { AnimationComponent } from './animation/animation.component';
//路由传值解析
import { ListComponent } from './list/list.component';
import { ListDetailComponent } from './list-detail/list-detail.component';
import { ListDetailsComponent } from './list-details/list-details.component';

export const appRoutes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: HomeComponent,
  },
  {
    path: 'dynamic',
    component: DynamicComponent
  },
  {
    path: 'allcheck',
    component: AllCheckedComponent
  },
  {
    path: 'textarea',
    component: TextareaComponent
  },
  {
    path: 'name',
    component: NameRouterComponent,
    children: [
      {
        path: '',
        redirectTo: 'nameC',
        pathMatch: 'full'
      },
      {
        path: 'nameC',
        component: NameChildComponent,
        outlet:'popup'
      }
    ]

  },
  {
    path: 'touch',
    component: TouchMoveComponent
  },
  {
    path: 'animation',
    component: AnimationComponent
  },
  {
    path:'list',
    component:ListComponent
  },
  {
    path:'listDetail/:id',
    component:ListDetailComponent
  },
  {
    path:'listDetails',
    component:ListDetailsComponent
  }
];
